<template>
  <div class="procurement-view">
    <van-nav-bar title="采购管理" />
    
    <van-grid :column-num="2" clickable>
      <van-grid-item 
        icon="orders-o" 
        text="采购订单" 
        to="/purchase-order"
      />
      <van-grid-item 
        icon="friends-o" 
        text="供应商" 
        to="/supplier"
      />
    </van-grid>
    
    <div class="stats">
      <van-cell title="今日订单" value="5" />
      <van-cell title="待审批订单" value="3" />
      <van-cell title="供应商总数" value="12" />
    </div>
  </div>
</template>

<script>
export default {
  name: 'ProcurementView'
}
</script>

<style scoped>
.procurement-view {
  padding: 16px;
}

.stats {
  margin-top: 20px;
}
</style>